﻿@{

    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script src="@Url.Content("~/js/jquery-1.6.2.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/js/jquery.cycle.all.latest.min.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#slider').cycle({
            pager: '#slider-pager'
        });

        $('.activetab a').each(function () {
            var activeTab = $(this).parents('li').index();
            var paneVisible = $(this).parents('ul').next().children('div').eq(activeTab);
            paneVisible.show().siblings().hide();
        });

        $('.tabs a').click(function () {
            $(this).parents('li').addClass('activetab').siblings().removeClass('activetab');
            var activeTab = $(this).parent('li').index();
            var paneVisible = $(this).parents('ul').next().children('div').eq(activeTab);
            paneVisible.show().siblings().hide();
            return false;
        });

        $('.toggle').click(function () {
            $(this).parents('h3').siblings('.box-content').slideToggle('fast');
            $(this).toggleClass('closed');
            return false;
        })


    });
</script>
<div id="hero-wrap">
    <div id="hero" class="profile section group">
        <div id="user-profile" class="trophy-details group">
            <img src="/images/icon_pr.png" alt="" />
            <img src="/images/icon_trophy_small.png" alt="" class="trophy-icon" />
            <div>
                Trophy name: <span class="group">@Model.Name</span>
            </div>
            @if (ViewBag.AppLink != null)
            {
                <p class="trophy-apps">
                <a href="/stats/ps3/@ViewBag.AppLink.ReturnID">
                    Game: <span>@ViewBag.AppLink.Message</span>
                      </a>
                    </p>
              
            }
            else
            {
                <p class="trophy-apps">
                    Applications: <span>Not available</span></p>
                
            }
        </div>
        <!-- /user-profile -->
        <ul id="user-stats">
            <li id="trophies">Users awarded <span>@ViewBag.UserAwardedCount</span></li>
        </ul>
        <!-- /user-stats -->
    </div>
    <!-- /hero -->
</div>
<!-- /hero-wrap -->
<div id="profile" class="section group">
    <div id="bc">
        You are here: <a href="/">Home</a> <a href="/Award/Trophies/">Trophies</a> <a href="/Award/Trophies/">@Model.Name</a>
    </div>
    <!-- /breadcrumb -->
    <div id="notice" class="trophy-notice group">
        <h4>
            How to win this trophy</h4>
        <p>
            @if (Model.Condition != "")
            {
                @Model.Condition
            }
            else
            {
                @Model.Description
            }
        </p>
        <img src="/images/icon_trophy_big.png" alt="" class="trophy-notice-icon" />
    </div>
    <!-- /notice -->
    <div class="row group">
        @Html.Partial("trophy/USersWithTrophy")
        @Html.Partial("trophy/UsersWithTrophyProgress")
    </div>
    <!-- / row group -->
</div>
<!-- /news -->
</div>
<!-- /news-wrap -->
